/*body*/
body{
    /*border:2px solid green;*/
    margin:0px;
    background-color:#dedede;
    min-width: 820px;
    font-family: "Microsoft Yahei";
}

/*header*/
header{
    /*border:2px solid red;*/
    margin:0px;
    padding:8px;
    background-color:#333;
}
header h1{
    display:inline;
    margin-left:20px;
}
header nav{
    display:inline-block;
    float:right;
}
header ul{
    list-style-type: none;
}
header li{
    float: left;
    margin-right:20px; 
}
header a{
    color:white;
    font-size:10px;
    text-decoration:none;
}


/*main*/
main{
    margin:0px;
    padding:0px;
}

main{
    position: relative;
}
main::after, main::before{
    content: "";
    display: table;
}

main::after{
    clear: both;
}

section{
    float: left;
    margin-right: 353px;
}

aside{
    width: 300px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.first,.second,.third,.fourth,aside{
    background-color:white;
    margin:20px;
    padding:15px;
    border-left:1px solid #c8c8c8;
    border-top:1px solid #c8c8c8;
    box-shadow: 2px 2px 2px #8d8d8d;
}

section h3{
    color:gray;
    font-size:16px;
}

section address,section time{
    display:inline;
    color:gray;
    font-size:12px;
    font-style:normal;
}

section p{
    text-indent:2em;
}

.second li,.third li{
    list-style:none;  
}

.third::before,.third::after{
    content: "";
    display: table;    
}

.third::after{
    clear: both;
}

.third li{
    display:table;
    float: left;
    margin:10px;
    padding:10px;
    border:1px solid #C8C8C8;
}

.third figcaption{
    font-size: 10px;
    margin-bottom:10px;
    text-align:center;
}

.third img{
    width: 100px;
}

.fourth li{
    list-style-type:decimal;
}

table caption{
    text-align:left;
}

table{
    width:100%
}

table,th,td{
    border:1px solid #D8D8D8;
    border-spacing:0;
    border-collapse:collapse;
    text-align:left;
}

table th{
    background-color:black;
    color:white;
}

.tail{
    background-color:#D8D8D8;
}


aside h2{
    border-left:3px solid #D8D8D8;
    padding:10px;
    font-size:16px;
}

aside form{
    font-size:12px;       
}

aside div{  
    margin-top: 10px;
}

aside .left{
    display:inline-block;
    width:90px;
    text-align:right;
    margin-right:10px;
    vertical-align:top;
}

aside input{
    border:1px solid #D8D8D8;   
}

aside p{
    color:gray;
    margin-top:5px;
    margin-left:100px;
}

aside textarea{
    width:180px;
    border:1px solid #D8D8D8;
    height:4em; 
}

aside .button{
    display:inline-block;
    width:100%;
    height:2em;
    color:white;
    font-size:18px;
    text-align:center;
    background-color:#6699FF;
    border:none;
    border-radius:10px;
}
/*footer*/
footer{
    margin:0;
    padding:15px;
    background-color:#333;
    color:white;
    text-align:center;
}

footer address{
    font-style:normal;
    font-size:14px;
}

footer a{
    color:white;
    text-decoration:none;
}